<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>西瓜二手车电子商务</title>
<link type="text/css" href="css/index.css" rel="stylesheet" />
<link type="text/css" href="css/common.css" rel="stylesheet" />
<link type="text/css" href="css/reset.css" rel="stylesheet" />
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" media="screen">
    <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script><!--必须得放在第一的位置-->
    <script type="text/javascript" src="js/index_type_more.js"></script>
    <script type="text/javascript" src="js/index_main_pic.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script type="text/javascript" src="js/axios.js"></script>
    <script type="text/javascript" src="js/vue.js"></script>
    <script type="text/javascript" src="js/esc.js"></script>
</head>

<body>
<div id="app">
<div class="index position_re">
  <myframe>

  <div class="index_main width_1200_center">
    <div class="index_main_cate fl over_hidden">
      <div class="index_main_car">
        <div class="index_main_car_type"><a href="javascript:void(0)" class="index_main_car_type">请选择车型</a></div>
        <div class="index_main_car_list display_n width_270"> 
          <dl>
              <dd><a href="javascript:void(0)">A&nbsp;奥迪</a></dd>
              <dd><a href="javascript:void(0)">B&nbsp;奔驰</a></dd>
              <dd><a href="javascript:void(0)">B&nbsp;宝马</a></dd>
              <dd><a href="javascript:void(0)">B&nbsp;标致</a></dd>
              <dd><a href="javascript:void(0)">B&nbsp;比亚迪</a></dd>
              <dd><a href="javascript:void(0)">B&nbsp;本田</a></dd>
              <dd><a href="javascript:void(0)">B&nbsp;保时捷</a></dd>
              <dd><a href="javascript:void(0)">B&nbsp;宾利</a></dd>
              <dd><a href="javascript:void(0)">B&nbsp;别克</a></dd>
              <dd><a href="javascript:void(0)">B&nbsp;宝骏</a></dd>
              <dd><a href="javascript:void(0)">C&nbsp;长城</a></dd>
              <dd><a href="javascript:void(0)">D&nbsp;大众</a></dd>
              <dd><a href="javascript:void(0)">D&nbsp;东风</a></dd>
              <dd><a href="javascript:void(0)">F&nbsp;丰田</a></dd>
              <dd><a href="javascript:void(0)">F&nbsp;福特</a></dd>
              <dd><a href="javascript:void(0)">F&nbsp;法拉利</a></dd>
              <dd><a href="javascript:void(0)">G&nbsp;广汽中兴</a></dd>
              <dd><a href="javascript:void(0)">H&nbsp;黑豹</a></dd>
              <dd><a href="javascript:void(0)">J&nbsp;捷豹</a></dd>
              <dd><a href="javascript:void(0)">K&nbsp;凯迪拉克</a></dd>
              <dd><a href="javascript:void(0)">K&nbsp;卡威</a></dd>
              <dd><a href="javascript:void(0)">L&nbsp;铃木</a></dd>
              <dd><a href="javascript:void(0)">L&nbsp;劳斯莱斯</a></dd>
              <dd><a href="javascript:void(0)">L&nbsp;兰博基尼</a></dd>
              <dd><a href="javascript:void(0)">L&nbsp;雷克萨斯</a></dd>
              <dd><a href="javascript:void(0)">L&nbsp;路虎</a></dd>
              <dd><a href="javascript:void(0)">M&nbsp;马自达</a></dd>
              <dd><a href="javascript:void(0)">M&nbsp;迈巴赫</a></dd>
              <dd><a href="javascript:void(0)">O&nbsp;讴歌</a></dd>
              <dd><a href="javascript:void(0)">Q&nbsp;奇瑞</a></dd>
              <dd><a href="javascript:void(0)">R&nbsp;日产</a></dd>
              <dd><a href="javascript:void(0)">R&nbsp;荣威</a></dd>
              <dd><a href="javascript:void(0)">S&nbsp;三菱</a></dd>
              <dd><a href="javascript:void(0)">T&nbsp;天马</a></dd>
              <dd><a href="javascript:void(0)">W&nbsp;五菱</a></dd>
              <dd><a href="javascript:void(0)">X&nbsp;雪铁龙</a></dd>
              <dd><a href="javascript:void(0)">X&nbsp;现代</a></dd>
              <dd><a href="javascript:void(0)">X&nbsp;雪佛兰</a></dd>
              <dd><a href="javascript:void(0)">Y&nbsp;云豹</a></dd>
-              <dd><a href="javascript:void(0)">Z&nbsp;中华</a></dd>
              <dd><a href="javascript:void(0)">Z&nbsp;众泰</a></dd>
          </dl> 
        </div>
      </div>
      <div class="index_main_cate1 width_270">
        <div class="index_main_cate2 width_h_270_90">
          <div class="index_main_csign position_re width_h_230_90">
            <p class="p1">
            <a href="#" target="_blank">品牌</a>
            </p>
            <p class="p2"><a href="#" target="_blank">奥迪</a><a href="#" target="_blank">大众</a><a href="#" target="_blank">丰田</a><a href="#" target="_blank">宝马</a><a href="#" target="_blank">本田</a><a href="#" target="_blank">奔驰</a><a href="#" target="_blank">现代</a><a href="#" target="_blank">别克</a><a href="#" target="_blank">福特</a><a href="#" target="_blank">日产</a>
            </p>
            <div class="index_main_csign_arrow"></div><!--向右箭头-->
            <div class="index_main_csign_xting_jingguo display_n"></div><!--这个只是个浮动的-->
          </div>
        </div>
        <div class="index_main_csign_more over_hidden display_n">
          <div class="index_main_csign_more1">
            <div class="index_main_csign_more_top"><h1>全部品牌</h1></div>
            <div class="index_main_csign_more_bottom">
              <div class="index_main_csign_more_left fl">
                <dl>
                    <dt>A</dt>
                    <dd><a href="#">奥迪</a></dd>
                </dl> 
                <dl>
                    <dt>B</dt>
                    <dd><a href="#">奔驰</a><a href="#">宝马</a><a href="#">标致</a><a href="#">比亚迪</a><a href="#">本田</a><a href="#">保时捷</a><a href="#">宾利</a><a href="#">别克</a><a href="#">宝骏</a></dd>
                </dl> 
                <dl>
                    <dt>C</dt>
                    <dd><a href="#">长城</a></dd>
                </dl> 
                <dl>
                    <dt>D</dt>
                    <dd><a href="#">大众</a><a href="#">东风</a></dd>
                </dl> 
                <dl>
                    <dt>F</dt>
                    <dd><a href="#">丰田</a><a href="#">福特</a><a href="#">法拉利</a></dd>
                </dl> 
                <dl>
                    <dt>G</dt>
                    <dd><a href="#">广汽中兴</a></dd>
                </dl> 
                <dl>
                    <dt>H</dt>
                    <dd><a href="#">黑豹</a></dd>
                </dl> 
                <dl>
                    <dt>J</dt>
                    <dd><a href="#">捷豹</a></dd>
                </dl> 
                <dl>
                    <dt>K</dt>
                    <dd><a href="#">凯迪拉克</a><a href="#">卡威</a></dd>
                </dl>
                <dl>
                    <dt>L</dt>
                    <dd><a href="#">铃木</a><a href="#">劳斯莱斯</a><a href="#">兰博基尼</a><a href="#">雷克萨斯</a><a href="#">路虎</a></dd>
                </dl>         
              </div>
              <div class="index_main_csign_more_right fr">
                
                <dl>
                    <dt>M</dt>
                    <dd><a href="#">马自达</a><a href="#">迈巴赫</a></dd>
                </dl> 
                <dl>
                    <dt>O</dt>
                    <dd><a href="#">讴歌</a></dd>
                </dl> 
                <dl>
                    <dt>Q</dt>
                    <dd><a href="#">奇瑞</a></dd>
                </dl> 
                <dl>
                    <dt>R</dt>
                    <dd><a href="#">日产</a><a href="#">荣威</a></dd>
                </dl> 
                <dl>
                    <dt>S</dt>
                    <dd><a href="#">三菱</a></dd>
                </dl> 
                <dl>
                    <dt>T</dt>
                    <dd><a href="#">天马</a></dd>
                </dl> 
                <dl>
                    <dt>W</dt>
                    <dd><a href="#">五菱</a></dd>
                </dl> 
                <dl>
                    <dt>X</dt>
                    <dd><a href="#">雪铁龙</a><a href="#">现代</a><a href="#">雪佛兰</a></dd>
                </dl> 
                <dl>
                    <dt>Y</dt>
                    <dd><a href="#">云豹</a></dd>
                </dl> 
                <dl>
                    <dt>Z</dt>
                    <dd><a href="#">中华众泰</a></dd>
                </dl>
              </div>
            </div>            
          </div>
        </div>
        <div class="index_main_cprice width_h_230_90">
          <p class="p1">
          <a href="#" target="_blank">价格</a>
          </p>
          <p class="p2"><a href="#" target="_blank">5万内</a><a href="#" target="_blank">5-10万</a><a href="#" target="_blank">10-15万</a><a href="#" target="_blank">15-20万</a><a href="#" target="_blank">20-30万</a><a href="#" target="_blank">30万以上</a>
          </p>      
        </div>
        <div class="index_main_cage width_h_230_90">
          <p class="p1">
          <a href="#" target="_blank">车龄</a>
          </p>
          <p class="p2"><a href="#" target="_blank">1年内</a><a href="#" target="_blank">2年内</a><a href="#" target="_blank">2-4年</a><a href="#" target="_blank">4-6年</a><a href="#" target="_blank">6-8年</a><a href="#" target="_blank">8年以上</a>
          </p>            
        </div>
        <div class="index_main_ctype width_h_230_85">
          <p class="p1">
          <a href="#" target="_blank">车型</a>
          </p>
          <p class="p3">
          </p> 
          <p class="p4"><span class="hrv"><a href="#" target="_blank">hrv</a></span><span class="jiao"><a href="#" target="_blank">桥车</a></span><span class="pao"><a href="#" target="_blank">跑车</a></span><span class="suv"><a href="#" target="_blank">suv</a></span><span class="mpv"><a href="#" target="_blank">mpv</a></span>
          </p>                
        </div>       
      </div>
    </div>
    <div class="index_main_pic width_916 fr">
      <div id="playBox">
        <div class="pre"></div>
        <div class="next"></div>
        <div class="smalltitle">
          <ul>
            <li class="thistitle"></li>
            <li></li>
            <li></li>
            <li></li>
          </ul>
        </div>
        <ul class="oUlplay">
           <li><a href="#" ><img title="西瓜车行界" src="images/index_main_pic1.png" /></a></li>
           <li><a href="#" ><img title="西瓜车行界" src="images/index_main_pic2.png" /></a></li>
           <li><a href="#" ><img title="西瓜车行界" src="images/index_main_pic3.png" /></a></li>
           <li><a href="#" ><img title="西瓜车行界" src="images/index_main_pic4.png" /></a></li>
        </ul>
      </div>
      <div class="hr_5"></div>
      <div class="index_main_pic_hcs width_916 over_hidden fr">
        <div class="index_main_pic_good cursor position_re width_h_300_100 fl">
          <div class="index_main_pic_good_txt position_ab"><h1>好车推荐</h1><p>这里有你想要的</p></div>
          <div class="index_main_pic_good_pic position_ab"><img title="好车推荐" src="images/index_main_pic_good_pic.png" /></div>
        </div>
        <div class="wr_8 fl"></div>
        <div class="index_main_pic_know cursor position_re width_h_300_100 fl">
          <div class="index_main_pic_know_txt position_ab"><h1>车辆知识</h1><p>希望你看得懂的</p></div>
          <div class="index_main_pic_know_pic position_ab"><img title="车辆知识" src="images/index_main_pic_know_pic.png" /></div>        
        </div>
        <div class="wr_8 fl"></div>
        <div class="index_main_pic_story cursor position_re width_h_300_100 fl">
          <div class="index_main_pic_story_txt position_ab"><h1>人车故事</h1><p>你有故事我有车</p></div>
          <div class="index_main_pic_story_pic position_ab"><img title="深度体验" src="images/index_main_pic_story_pic.png" /></div>        
        </div>          
      </div>
    </div>
  </div>
  <div class="index_content width_1200_center">
    <div class="index_content_nav clearfix">
      <h1>淘我爱车&minus;实惠二手车</h1>
      <div class="index_content_nav1 clearfix">
        <div class="index_content_nav_like fl"><a href="#">猜你喜欢</a></div>
        <div class="index_content_nav_newest fl"><a href="#">最新上架</a></div>
        <div class="index_content_nav_new fl"><a href="#">准新车</a></div>
        <div class="index_content_nav_more fr"><a href="#">查看更多&gt;&gt;</a></div>
      </div>
    </div>
    <div class="hr_5"></div>

    <div class="index_content_con width_1200_center index_content_con1 over_hidden clearfix"><!--设置over_hidden版权才不会跟上来1-->
        <div v-for="c in cars">
          <div class="index_content_con_margin_l"><!--只用来向右移动的，这样才不会有一个因为父级宽度不够出现在下方-->  
         <div class="index_content_con_c'+i+' index_content_con_c width_h_292_276 over_hidden fl"><!--只用来设置内边距--><!--用来设置外右边距-->  
           <div class="index_content_con_cc width_h_292_276">    
             <div class="index_content_con_pic width_h_292_186">  
               <a :href="'buy_details.html?carId='+c.carId"><img :src="c.image" width="292" height="186" /></a>
             </div>  
             <div class="index_content_con_txt width_h_292_90">  
               <p class="p1">  
                 <a title="" href="#">{{c.carName}}</a>
               </p>  
               <p class="p2">  
                 <span class="">{{c.date}}上牌</span><em class="shuxian">|</em>行驶{{c.traveled}}万公里
               </p>  
               <p class="p3">  
                 <span><i class="fc-org priType">{{c.oldPrice}}万</i></span><s>{{c.newPrice}}万</s>
               </p>  
             </div>  
           </div>  
         </div>  
       </div>  
        </div>

    </div>


    <div class="index_content_con width_1200_center index_content_con2 over_hidden display_n clearfix"><!--设置over_hidden版权才不会跟上来2-->
    

          <div class="index_content_con_margin_l"><!--只用来向右移动的，这样才不会有一个因为父级宽度不够出现在下方-->  
         <div class="index_content_con_c'+i+' index_content_con_c width_h_292_276 over_hidden fl"><!--只用来设置内边距--><!--用来设置外右边距-->  
           <div class="index_content_con_cc width_h_292_276">    
             <div class="index_content_con_pic width_h_292_186">  
               <img src="images/110.png" width="292" height="186"/>  
             </div>  
             <div class="index_content_con_txt width_h_292_90">  
               <p class="p1">  
                 <a title="现代瑞纳2014款 1.4 自动 GLS 智能型" href="#">现代瑞纳2014款 1.4 自动 GLS 智能型</a>  
               </p>  
               <p class="p2">  
                 <span class="">2015年1月上牌</span><em class="shuxian">|</em>行驶1.9万公里  
               </p>  
               <p class="p3">  
                 <span><i class="fc-org priType">6.60万</i></span><s>9.40万</s>  
               </p>  
             </div>  
           </div>  
         </div>  
       </div>  

 

    </div>

    <div class="index_content_con width_1200_center index_content_con3 over_hidden display_n clearfix"><!--设置over_hidden版权才不会跟上来3-->
 
    

          <div class="index_content_con_margin_l"><!--只用来向右移动的，这样才不会有一个因为父级宽度不够出现在下方-->  
         <div class="index_content_con_c'+i+' index_content_con_c width_h_292_276 over_hidden fl"><!--只用来设置内边距--><!--用来设置外右边距-->  
           <div class="index_content_con_cc width_h_292_276">    
             <div class="index_content_con_pic width_h_292_186">  
               <img src="images/111.png" width="292" height="186"/>  
             </div>  
             <div class="index_content_con_txt width_h_292_90">  
               <p class="p1">  
                 <a title="现代瑞纳2014款 1.4 自动 GLS 智能型" href="#">现代瑞纳2014款 1.4 自动 GLS 智能型</a>  
               </p>  
               <p class="p2">  
                 <span class="">2015年1月上牌</span><em class="shuxian">|</em>行驶1.9万公里  
               </p>  
               <p class="p3">  
                 <span><i class="fc-org priType">6.60万</i></span><s>9.40万</s>  
               </p>  
             </div>  
           </div>  
         </div>  
       </div>  

	

    </div>

  </div>
  <div id="btn"><p><a href="http://wpa.qq.com/msgrd?v=3&uin=1054563823&site=qq&menu=yes" target="new" id="btn1" title="在线客服"></a></p><p><a href="idea.php<?php if(isset($_GET['ciid'])){ echo '?ciid='.$_GET['ciid'];}else{echo '?ciid=liuzhou  }?>" id="btn2" class="index_idea" title="反馈意见"></a></p><p><a href="javascript:;" id="btn3" title="回到顶部"></a></p></div>

  </myframe>
</div>
</div>

<script>

    var v = new Vue({
        el : "#app",
        data : {
            cars : []
        },
        created(){
            this.queryCar();
        },
        methods:{
            queryCar(){
                axios.get("/esc-order/esc/carMessage/queryCar").then(res=>{
                    this.cars = res.data;
                    var reg = /upload/
                    for(var a of  this.cars ){
                        if (a.image.match(reg)){
                            a.image = "/esc-user" + a.image;
                        }
                    }
                })
            }

        }
    })
</script>
</body>
</html>


<!-- <img  style="CURSOR: pointer" onclick="javascript:window.open('http://b.qq.com/webc.htm?new=0&sid=1054563823&o=xigua.com&q=7', '_blank', 'height=502, width=644,toolbar=no,scrollbars=no,menubar=no,status=no');"  border="0" SRC=http://wpa.qq.com/pa?p=1:1054563823:1 alt="点击这里给我发消息">
 -->
